<!-- 此函数用于设置两级菜单 -->
<script type="text/javascript">
	function toggleUserMneu(){
		var userUl=document.getElementById("userUl");
 		if(userUl.style.display=="block"){
 			userUl.style.display="none";
 		}else{
 			userUl.style.display="block";
 		}
	}
</script>

<div class="navbar-inner">
        <ul class="nav pull-right">
            
            <li><a href="#" class="hidden-phone visible-tablet visible-desktop" role="button">Settings</a></li>
            <li id="fat-menu" class="dropdown">
                <a href="javascript:toggleUserMneu()" role="button" class="dropdown-toggle" data-toggle="dropdown">
                    <i class="icon-user"></i> <span th:text="${session.user.name}">user name</span>
                    <i class="icon-caret-down"></i>
                </a>

                <ul id="userUl" class="dropdown-menu active">
                    <li><a tabindex="-1" href="#">My Account</a></li>
                    <li class="divider"></li>
                    <li><a tabindex="-1" class="visible-phone" href="/user/Logout">Settings</a></li>
                    <li class="divider visible-phone"></li>
                    <li><a tabindex="-1" href="../user/Logout">Logout</a></li>
                </ul>
            </li>
            
        </ul>
        <a class="brand" href="index.html"><span class="first">Media</span> <span class="second">Cool!</span></a>
</div>